/**
 * 调用9.9包邮专区接口，获取数据
 */
 function loadMainData() {
    $.ajax({
        url: 'http://www.xiongmaoyouxuan.com/api/tab/1',
        type: 'GET',
        headers: {
            'x-platform': 'pc'
        },
        success: function (result) {
            if (result.code === 200) {
                //商品列表数据
                let productList = result.data.items.list
                showProductList(productList)
            }
        }
    })
}

let list = []
/**
 * 商品列表
 */
function showProductList(productList) {
    list = [...list,...productList]
    // 1.定义模板
    // 2.设置数据
    let data = {
        productList:list
    }
    // 3.渲染模板数据 -> html代码
    let htmlStr = template('product-list-temp', data)
    // 4.html代码设置给相应元素显示
    $('.commodity').html(htmlStr)
    // 元素追加
    // $('.commodity').append(htmlStr)
}

// 左边商品分类选择区(菜单列表)
//当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失
$(function () {
    $(window).scroll(function () {
        if ($(window).scrollTop() > 100) {
            $("#back-top").fadeIn(1500);
        } else {
            $("#back-top").fadeOut(1500);
        }
    });

    //当点击跳转链接后，回到页面顶部位置

    $("#back-top").click(function () {
        $('body,html').animate({
            scrollTop: 0
        }, 1000);
        return false;
    });
});

/**
 * 加载商品列表数据
 * pageNo：表示页号
 */
function loadProductList(pageNo) {
    $.ajax({
        url: 'http://www.xiongmaoyouxuan.com/api/sub_column/7/items',
        type: 'GET',
        data: {
            start: pageNo * 20
        },
        success: function (result) {
            if (result.code === 200) {
                let productList = result.data.list

                // 2.渲染商品列表数据
                showProductList(productList)
            }
        }
    })
}


/**
 * 加载更多
 */
function loadMore() {
    let pageNo = 0
    $('.choice-more-btn').on('click', function () {
        // 1.调用商品列表数据，获取商品列表数据
        loadProductList(++pageNo)
    })
}

/**
 * 滚动条控制页面加载
 *     1.判断滚动条距离顶部的位置
 *     2.判断文档内容高度
 *     3.判断滚动条距离底部距离
 */

//  跳转首页
function homePages() {
    location.href = '../pages/index.html'
}

// 跳转9块9包邮
function packageMail() {
    location.href = '../pages/packageMail.html'
}

// 跳转超值大额券
function ticket() {
    location.href = '../pages/ticket.html'
}

// 跳转降温急救穿搭
function coolOutfit() {
    location.href = '../pages/coolOutfit.html'
}

/**
 * 
 * 跳转到商品详情页
 *     点击商品的ID传入详情页
 */
 function onProductDetail(id) {
    location.href = '../pages/productDetails.html?id='+id
}

loadMainData()
loadMore()